<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
	<!--bootstrap-->
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	<!--vue-->
	<script type="text/javascript" src="/static/js/vue.js"></script>
	<title>温湿度控制系统</title>
</head>
<body style="background-color: lightyellow ">
	<nav class="navbar navbar-inverse" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="/">温湿度控制系统</a>
			</div>
			<div>
				<ul class="nav navbar-nav">
					<li class="active"><a href="/">首页</a></li>
					<li><a href="#">功能</a></li>
					{% if request.user.is_authenticated %}
					<li><a href="#">当前用户：{{ request.user.name }}</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">用户中心<b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#">用户详细信息</a></li>
							<li class="divider"></li>
							<li><a href="/accounts/profile/">修改用户信息</a></li>
							<li class="divider"></li>
							<li><a href="/accounts/logout/">退出</a></li>
						</ul>
					</li>
					{% else %}
					<li><a href="/accounts/login/">登录</a></li>
					<li><a href="/accounts/register/">注册</a></li>
					{% endif %}
				</ul>
			</div>
		</div>
	</nav>

	<div class="container container-center jumbotron">
		<div class="col-md-12">
			{% block content %}
			{% if request.user.is_authenticated %}
			<div id="app" class="form-group">
				<p>SHT:{{tem.sht}}    DHT:{{tem.dht}}<p>
				<p class="form-control" v-text="aaa"></p>
				<span>Input here: </span>
				<input class="form-control" v-model="aaa">
			</div>
			{% else %}
			<h1>欢迎来到重庆四联测控服务器机房温湿度控制系统</h1>
			<h2>请登录!</h2>
			{% endif %}
			{% endblock %}
		</div>
	</div>

	{% block vuejs %}
	<script type="text/javascript">
		var vm = new Vue({
			el: '#app',
			data:{
				aaa: '',
			}
		})
	</script>
	{% endblock %}

</body>
</html>